const boxDom = document.getElementById("box");
const xDom = document.getElementById("x");
const yDom = document.getElementById("y");
const widthDom = document.getElementById("width");
const heightDom = document.getElementById("height");
const backgroundSelector = document.getElementById("backgroundSelector");
const textDom = document.getElementById("text");
const tempDom = document.getElementById("tempDom");
const frequencyDom = document.getElementById("frequencyDom");


/* 前提：修改对象属性，就能更新dom */
const boxConfig = {
  width: 100,
  height: 100,
  left: 0,
  top: 0,
  right: 0,
  bottom: 0,
  x: 0,
  y: 0,
  /* 背景颜色 */
  bgColor: "red",
  step: 5,
  /* 用户输入的值 */
  text: "123",
  borderRadius: 10,
  frequency: 0,

  /* 
    核心点是：
    1.自己添加属性并渲染
    2.提供输入框或其他形式
  */
  /* 选修内容 */
  direction: {
    /* 
      1:往前走,
      -1:往后走
    */
    x: 1,
    y: 1
  }
};

/* 
  1.定时器频率
  2.可能需要由用户修改
 */
